:host {
  display: block;
  position: sticky;
  top: 0;
  width: 100%;
  z-index: 20000;
}

.ix-slidein-title-bar {
  align-content: center;
  align-items: center;
  background-color: var(--bg2);
  border-bottom: 2px solid var(--lines);
  display: flex;
  height: 75px;
  justify-content: space-between;
  margin: 0 -20px;
  padding: 30px;

  &.has-many-components {
    justify-content: flex-start;
  }
}

.ix-form-title {
  color: var(--fg1);
  word-break: break-all;
}

#ix-close-icon {
  color: var(--fg1);
  cursor: pointer;

  &:focus {
    border-radius: 50%;
    outline: 1.5px solid var(--primary);
  }
}

mat-progress-bar {
  bottom: 0;
  left: -20px;
  position: absolute;
  width: calc(100% + 40px);
  z-index: 10005;
}
